﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Index.aspx.cs" Inherits="WebApp.Index" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>南湖外卖 - 菜谱</title>
    <link href="Styles/app.css" rel="stylesheet" type="text/css" />
    <script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>
    <script src="Scripts/app.js" type="text/javascript"></script>
</head>
<body>
    <form id="form1" runat="server" style="text-align: center;">
    <div class="pageHead">
         <a href="Index.aspx" >菜谱</a>&nbsp;
         <a href="../PermissionCenterServices/Account/SignInPage.aspx">
            登录</a> &nbsp; <a href="../PermissionCenterServices/Account/RegiseterPage.aspx">
                注册</a> &nbsp;</div>
    <div id="divTab" class="mainMenu">
        <a hidefocus="true" class="mainMenu_a_active" href="Index.aspx">菜&nbsp;&nbsp;&nbsp;谱</a> <a
            hidefocus="true" href="MyOrder.aspx">我的订单</a> <a hidefocus="true" href="RecommendToday.aspx">
                今日推荐</a>
                 <a hidefocus="true" href="Discuss.aspx">讨论区</a>
        <div class="mainMenu_div_splitline">
        </div>
    </div>
    <div class="pageContent">
        <ul style="list-style: none; margin: 0 0 0 0; float: left; padding: 0 0 0 0">
         <li style="float: left">
                <div id="div3" class="categoryMenu" tag="divTable">
                    荤素任意配</div>
            </li>
            <li style="float: left">
                <div id="divM" class="categoryMenu" tag="divMainFood">
                    主食</div>
            </li>
            <li style="float: left">
                <div id="divG" class="categoryMenu" tag="divMainFood">
                    盖饭</div>
            </li>
            <li style="float: left">
                <div id="divY" class="categoryMenu" tag="divMainFood"  >
                    饮料</div>
            </li>
            <li style="float: left">
                <div id="divT" class="categoryMenu" tag="divMainFood">
                    套餐</div>
            </li>
            <li style="float: left">
                <div id="divN" class="categoryMenu" tag="divMainFood">
                    面食</div>
            </li>
            <li style="float: left">
                <div id="divS" class="categoryMenu" tag="divMainFood">
                    汤粥</div>
            </li>
        </ul>
        <div style="text-align: right; padding-left: 575px">
            <table style="text-align: right">
                <tr>
                    <td>
                        点餐时间:上午11:00之前,下午5:00之前
                    </td>
                </tr>
                <tr>
                    <td>
                        服务热线:18659484849
                    </td>
                </tr>
            </table>
        </div>
        
        <div id="divTable" class="divFoodTable" style="display:block" >
        <table  style="width:500px" class="divTable_price">
         <tr><td> 2素 11元</td><td>1荤1素 12元</td><td>3素 12元</td></tr>
          <tr><td> 1荤2素 14元</td><td>2荤 14元</td><td>2荤1素 16元</td></tr>
          <tr>
            <td class="divTable_category_1">荤</td>
            <td class="divTable_category_2">素</td>
            <td class="divTable_category_3">主食</td>
          </tr>
          <tr>
          <td><input type="checkbox" value="1" /><span>麻辣鸡块</span><br />
          <input type="checkbox" value="2" /><span>木须肉</span>
          </td>
          
          <td>
           <input type="checkbox" value="3" /><span>干煸豆角</span><br />
           <input type="checkbox" value="4" /><span>黄瓜鸡蛋</span>
          </td>
          
          <td>
          <input type="radio" value ="5" name="n" /><span>米饭</span><br />
          <input type="radio" value ="6" name="n"  /><span>馒头</span>
          </td>
          </tr>
          
        </table>
       
            <span style="margin:0px 0px 0px 300px;" class="divFoodTable_ljf">来</span><input id="txtNumber" value="1" type="text" class="divFoodTable_numberinput"  /><span  class="divFoodTable_ljf">份</span> <input type="button" class="divFoodTable_btnAddToCart" id="btnAddToCart" value="加入购物车" /> 
        </div>
        <div id="divMainFood" class="divFoodTable" style="display:none">
           <div><span class="divFoodTable_itemname">青辣椒肉丝盖饭</span><span class="divFoodTable_itemprice">16元</span></div>
            <div><span class="divFoodTable_itemname">麻辣豆腐盖饭</span><span class="divFoodTable_itemprice">16元</span></div>
             <div><span class="divFoodTable_itemname">青辣椒肉丝盖饭</span><span class="divFoodTable_itemprice">16元</span></div>
            
            
        </div>
        
        
        
    </div>
    <div class="pageFooter">
        <p>
            <a href="AboutUs.aspx">关于南湖外卖</a> <a href="ShopRegister.aspx">加入我们</a><a href="ContactUs.aspx">联系我们</a><a href="Help.aspx">帮助</a></p>
            <p>© 2012-2013 南湖外卖 京ICP备13031298号  京公网安备11010802012179</p>

    </div>
    
    <script type="text/javascript">
        $(window).ready(
          function () {
              $(".categoryMenu").mouseenter(function () {
                  var e = event.srcElement;
                  e.style.backgroundColor = "Black";
              });
              $(".categoryMenu").mouseleave(function () {
                  var e = event.srcElement;
                  e.style.backgroundColor = "Gray";
              });
              $(".categoryMenu").mouseup(
                 function () {
                     var e = event.srcElement;
                     var tag = $(e).attr("tag");
                     $(".divFoodTable").css("display", "none");
                     $("#" + tag).css("display", "block");
                 }
              )
          }
        );
    </script>
    </form><div id="divShoppingCart" class="divCart" >
    <div class="divShopCart_item">青辣肉丝盖饭   2份   32元 <a href="#">删除</a></div>
    <input type="button" id="btnSubmit" class="btn_gotoorder" value="去结算" onclick="window.open('MyOrder.aspx','_self');" />
    </div>
</body>
</html>
